import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: function (h) { return h(App) },
}).$mount('#app')

/*
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

new Vue代表新建vue对象,el官方解释：为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数。
        这里就通过index.html中的<div id="app"><div>中的id=“app”和这里的“#app”进行挂载。
components:代表组件。这里是'App',这说明。首先页面肯定有<app></app>这样的标签，同时有个组建为‘App.Vue‘文件
        这个地方我思考好久，才明白，首先App.vue是有的，因为上面已经import导入了，但index.html中并没有<app></App>标签
template：代表模板。官方解释：模板将会替换挂载的元素。挂载元素的内容都将被忽略。
        也就是说:template: '<App/>' 表示用<app></app>替换index.html里面的<div id="app"></div>
        那到底是不是这样，我们先把main中components这行注释掉：
        看页面：发现里面就有一个<app></app>标签。这样那么逻辑就通了。


render同理
*/
